@dark_grey: #54575e;
@light_grey: #787c86;
@syn_blue: #6ca1e0;
@white: white;
@brighter: #111111;
 


.ym-button,
  .ym-form button,
  .ym-form input[type="button"],
  .ym-form input[type="reset"],
  .ym-form input[type="submit"] {

    background-color:@syn_blue;
    background:@syn_blue;
    background:@syn_blue;
    color:white !important;
    border:none;
    text-shadow:none;
    box-shadow:none;
    
    -moz-box-shadow: (@syn_blue - @brighter) 0px 2px 0px 0px;
    -webkit-box-shadow: (@syn_blue - @brighter) 0px 2px 0px 0px;
    box-shadow: (@syn_blue - @brighter) 0px 2px 0px 0px;
}

.ym-button:hover,
  .ym-form button:hover,
  .ym-form input[type="button"]:hover,
  .ym-form input[type="reset"]:hover,
  .ym-form input[type="submit"]:hover {

    background-color:(@syn_blue + @brighter);
    background:(@syn_blue + @brighter);
    color:white !important;

    -moz-box-shadow: (@syn_blue - @brighter) 0px 2px 0px 0px;
    -webkit-box-shadow: (@syn_blue - @brighter) 0px 2px 0px 0px;
    box-shadow: (@syn_blue - @brighter) 0px 2px 0px 0px;
}

.ym-button:focus,
  .ym-form button:focus,
  .ym-form input[type="button"]:focus,
  .ym-form input[type="reset"]:focus,
  .ym-form input[type="submit"]:focus {

    background-color:(@syn_blue + @brighter);
    background:(@syn_blue + @brighter);
    color:white !important;

    -moz-box-shadow: (@syn_blue - @brighter) 0px 2px 0px 0px;
    -webkit-box-shadow: (@syn_blue - @brighter) 0px 2px 0px 0px;
    box-shadow: (@syn_blue - @brighter) 0px 2px 0px 0px;
}

.ym-button:active,
  .ym-form button:active,
  .ym-form input[type="button"]:active,
  .ym-form input[type="reset"]:active,
  .ym-form input[type="submit"]:active {

    background-color:(@syn_blue - @brighter);
    background:(@syn_blue - @brighter);
    color:white !important;
    box-shadow:none;
}
